<template>
  <div class="detail">
    <div class="breadcrumb-area">
      <div class="content">
        <div class="breadcrumb">
          <a href="/">首页</a>
          <a class="active">物料页面</a>
        </div>
        <div class="title">页面模版物料标题</div>
      </div>
    </div>
    <div class="product-desc">
      <div class="container-page">
        <Row type="flex" :gutter="30">
          <Col :span="16">
            <div class="left">
              <img src="@/assets/imgs/template.png" class="img" />
              <div class="btns">
                <a class="btn-large">在线Demo预览</a>
                <a class="btn-large" style="margin-left: 25px">立即获取源码</a>
              </div>
              <div class="desc">
                <div class="title">详细说明</div>
                <div class="content">
                  Nunc placerat mi id nisi interdum mollis. Praesent pharetra,
                  justo ut scelerisque the mattis, leo quam aliquet congue
                  placerat mi id nisi interdum mollis. Praesent pharetra, justo
                  ut scel erisque the mattis, leo quam aliquet congue justo ut
                  scelerisque. Praesent pharetra, justo ut scelerisque the
                  mattis, leo quam aliquet congue justo ut scelerisque.
                </div>
              </div>
            </div>
          </Col>
          <Col :span="8"
            ><div class="right">
              <div class="card-title">物料信息</div>
              <div class="infos">
                <div class="item">
                  <div class="key">发布时间：</div>
                  <div class="value">2021-05-01 00:31</div>
                </div>
                <div class="item">
                  <div class="key">更新时间：</div>
                  <div class="value">2021-05-01 00:31</div>
                </div>
                <div class="item">
                  <div class="key">分类：</div>
                  <div class="value">页面模版</div>
                </div>
                <div class="item">
                  <div class="key">标签：</div>
                  <div class="value">
                    <a>视频</a>，<a>页面</a>，<a>首页</a>，<a>模版</a>
                  </div>
                </div>
              </div>
            </div></Col
          >
        </Row>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "template",
  components: {},
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped lang="less">
@import "./detail.less";
</style>
